<div class="incident-overlay" style="width:100%;height:100%">
	<div class="incident-header flex">
		<div class="incident-title" style="margin-right:10px">scheduled event</div>
		<div class="incident-title text-ellipsis" style="max-width: 200px;">{{featureData?.ir_ID}}</div>
	</div>
	<div class="incident-content">
		<div class="incident-info-details">
			<div class="incident-info-item flex">
				<div class="incident-item-left text-ellipsis">Start Time: </div>
				<div class="incident-item-right text-ellipsis">{{featureData?.planStartTime ? (featureData?.planStartTime | date:'yyyy-MM-dd HH:mm') : null}}</div>
			</div>
			<div class="incident-info-item flex">
				<div class="incident-item-left text-ellipsis">Road Name: </div>
				<div class="incident-item-right text-ellipsis">{{featureData?.road_Name}}</div>
			</div>
			<div class="incident-info-item flex">
				<div class="incident-item-left text-ellipsis">Type:</div>
				<div class="incident-item-right text-ellipsis">{{'Gis.Gis.'+INCIDENT_CODE[featureData?.type] | translate}}</div>
			</div>
			<div class="incident-info-item flex">
				<div class="incident-item-left text-ellipsis">Verify Status:</div>
				<div class="incident-item-right text-ellipsis">{{IR_Verify_Status[featureData?.veri_State]}}</div>
			</div>
		</div>
	</div>
</div>